<template>
  <div class="singer">
    <LiseView :singerData="singerData"
              @pulldown="pulldown"></LiseView>
  </div>
</template>
<script>
import { getSingerList } from '@/api/singer'
import LiseView from '@com/base/listView'
export default {
  data () {
    return {
      singerData: []
    }
  },
  components: {
    LiseView
  },
  created () {
    this.getSingerData()
  },
  methods: {
    async getSingerData () {
      const data = await getSingerList()
      this.singerData = data.singers
    },
    pulldown () {
      this.singerData = []
      this.getSingerData()
    }
  }
}
</script>
<style lang = 'scss' scoped>
</style>
